<template>
  <vue-content>
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="销售商品汇总表" name="allGood">
            <all-good ref="all-good"/>
        </el-tab-pane>
        <el-tab-pane label="销售金额汇总表" name="allAmt">
          <all-amt ref="all-amt"/>
        </el-tab-pane>
        <!-- <el-tab-pane label="类型管理" name="third"></el-tab-pane> -->
      </el-tabs>
  </vue-content>
</template>

<script>
  // 主页面
  import allGood from './Allgoodsreport/index'
  import allAmt from './Allamtreport/index'
  export default {
    name: 'role-table',
    components: {allGood,allAmt},
    data: () => ({
      activeName: 'allGood'
    }),
    methods: {
      handleClick(tab, event) {
        // console.log(tab, event);
      },
    },
    watch: {
    },
    filters: {
    
    },
    created () {
    }
  }
</script>
